/* 
退出
1 绑定点击事件
2 弹出确认框 询问是否退出登录
3 确认退出清空本地存储
4 跳回到登录页面
*/

// 获取元素
const logout = document.querySelector(".logout")
// 获取一级标题 数组
const oneAList = document.querySelectorAll(".nav>li>a")
// 获取一级标题 数组
const subAList = document.querySelectorAll(".nav ul a")

// 绑定点击
logout.addEventListener("click",function (e) {
    // 弹出确认框
    if(confirm("确定退出码？")){
        // 清空本地存储
        localStorage.removeItem("token87")
        // 跳回到登录页面
        location.href ="login.html"
    }
})

// 左侧菜单展开
// 给一级菜单绑定点击事件
oneAList.forEach((one) => 
    one.addEventListener("click",function (e) {
        // 获取兄弟元素 二级菜单
        one.nextElementSibling.classList.toggle("show")
    })
);

// 给二级菜单绑定点击事件
subAList.forEach((sub) =>
sub.addEventListener("click",function (e) {
    // console.log(11);
    // 获取选中的标签
    const beforeA = document.querySelector(".nav ul a.active")
    // 删除选中的类
    beforeA.classList.remove("active")
    // 添加当前选中的类
    sub.classList.add("active")
})
)